<template>
  <splitpanes class="default-theme">
    <pane size="70" :min-size="0" max-size="100">
      <sign-conf :picture="picture" @rowClick="selectRow"></sign-conf>
    </pane>
    <pane size="30" :min-size="0" max-size="100">
      <sign-auth :sign-conf="selectConf"></sign-auth>
    </pane>
  </splitpanes>
</template>

<script>
import SignConf from "@/views/system/sign/SignConf";
import {Pane, Splitpanes} from "splitpanes";
import SignAuth from "@/views/system/sign/SignAuth";

export default {
  name: "SignConfAuth",
  components: {SignAuth, SignConf, Splitpanes, Pane},
  props: {
    picture: {
      type: Object,
      default: function () {
        return { pictureId: '0' }
      }
    }
  },
  data() {
    return {
      selectConf: {}
    }
  },
  methods:  {
    selectRow(row) {
      this.$Util.cleanObj(this, this.selectConf)
      this.$Util.copyAttr(row, this.selectConf, null, this)
    }
  }
}
</script>

<style scoped>

</style>
